<template>
	<view class="msg-context">
		<NavBar title="我的资料" />
		<ul>
			<li style="height: 60px;">
				<view style="margin-left: 10px;font-weight: bolder;">
					头像
				</view>
				<view style="margin-right: 10px;">
					<img src="http://recommender.starsky.fun/Upload/SystemConfig/5f14e8337d511.png" style="margin-top: 2px; width: 45px;height: 45px; border-radius: 50%;">
				</view>
			</li>
			<li>
				<view style="margin-left: 10px;font-weight: bolder;">
					昵称
				</view>
				<view style="margin-right: 10px;color: #cbcbcb;">
					dzy1204
				</view>
			</li><li>
				<view style="margin-left: 10px;font-weight: bolder;">
					所在城市
				</view>
				<view style="margin-right: 10px;color: #cbcbcb;">
					成都市 <uni-icons type="bottom" size="16" @click="city"></uni-icons>
				</view>
			</li><li>
				<view style="margin-left: 10px;font-weight: bolder;">
					收款信息
				</view>
				<view style="margin-right: 10px;color: #cbcbcb;
				width: 6rem;
				    height: 1.7rem;
				    background: #faca2a;
				    color: #040404;
				    line-height: 1.7rem;
				    float: right;
				    font-size: 12px;
				    text-align: center;
				    margin-top: 0.4rem;
				    border-radius: 3rem;">
					查看绑定
				</view>
			</li>
		</ul>
		<TabBar/>
	</view>
</template>

<script setup>
	import NavBar from '../../../components/nav-bar'
	import TabBar from '../../../components/tab-bar.vue'
	import {ref} from 'vue'
  function city(){
    alert("如需修改城市请联系管理员")
  }
</script>

<style lang="scss" scoped>
	.msg-context {
		background-color: #f0f0f0;
		height: 100vh;
	}
	a{
		display: block;
		    width: 100%;
		    height: 44px;
		    text-align: center;
		    line-height: 44px;
		    font-size: 14px;
		    color: #404040;
			text-decoration: none;
	}
	ul{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	li{
		width: 100%;
		height: 40px;
		background-color: white;
		border-bottom:1px #dedede solid ;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
	}
</style>